<!DOCTYPE html>
<!--[if IE 8]> <html lang="zh-cmn-Hans-CN" class="ie8"> <![endif]-->
<!--[if !IE]><!-->
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<!--<![endif]-->
<head th:fragment="common_header(title,links)">
    <link rel="icon" th:href="@{/assets/img/icon.png}" type="image/x-icon" />
    <link rel="shortcut icon" th:href="@{/assets/img/icon.png}" type="image/x-icon" />
    <link rel="bookmark" th:href="@{/assets/img/icon.png}" type="image/x-icon" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=8">
    <meta charset="utf-8" />
    <title th:replace="${title}">庭审信息管理平台</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />

    <!-- ================== BEGIN BASE CSS STYLE ================== -->
    <link rel="stylesheet" th:href="@{/assets/plugins/jquery-ui/themes/base/minified/jquery-ui.min.css}"/>
    <link rel="stylesheet" th:href="@{/assets/plugins/bootstrap/css/bootstrap.min.css}"/>
    <link rel="stylesheet" th:href="@{/assets/plugins/font-awesome-4.7.0/css/font-awesome.min.css}"/>
    <link rel="stylesheet" th:href="@{/assets/plugins/layui/css/layui.css}"/>
    <link rel="stylesheet" th:href="@{/assets/css/animate.min.css}"/>
    <link rel="stylesheet" th:href="@{/assets/css/style.css}"/>
    <link rel="stylesheet" th:href="@{/assets/css/loading.css}"/>
    <link rel="stylesheet" th:href="@{/assets/css/style-responsive.min.css}"/>
    <link rel="stylesheet" id="theme" th:href="@{/assets/css/theme/blue.css}"/>
    <link rel="stylesheet" th:href="@{/assets/css/base.css}"/>
    <!-- ================== END BASE CSS STYLE ================== -->

    <!--/* Per-page placeholder for additional links */-->
    <th:block th:replace="${links}" />
</head>
<body>
    <div th:fragment="head_nav(username)">
        <!-- begin #header -->
        <div id="header" class="header navbar navbar-cmp navbar-static-top">
            <!-- begin container-fluid -->
            <div class="container-fluid">
                <!-- begin mobile sidebar expand / collapse button -->
                <div class="navbar-header">
                    <a th:href="@{/index}" class="navbar-brand">
                        <img class="navbar-logo" th:src="@{/assets/img/v2_head_logo_01.png}"/>
                    </a>
                    <button type="button" class="navbar-toggle" data-click="sidebar-toggled">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                <!-- end mobile sidebar expand / collapse button -->
                <!-- begin header navigation right -->
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <a th:href="@{/index}">
                            <i class="fa fa-home"></i>
                            主页
                        </a>
                    </li>
                    <li id="_nav_courts">
                        <a href="javascript:;" data-toggle="dropdown">
                            <span class="cmp-head-court-name"></span>
                            <i class="fa fa-caret-down"></i>
                        </a>
                        <ul class="dropdown-menu animated fadeInLeft">
                        </ul>
                    </li>
                    <li>
                    <a href="javascript:;" th:href="@{/major_case/index}">
                    <i class="fa fa-eye"></i>
                    大案要案
                    </a>
                    </li>
                    <li>
                        <a href="javascript:;" id="_nav_sys_mo">
                            <i class="fa fa-legal"></i>
                            法庭实况
                        </a>
                    </li>
                    <li>
                        <a href="http://205.64.2.53/" target="_blank">
                            <i class="fa fa-crosshairs"></i>
                            庭审评查
                        </a>
                    </li>
                    <li>
                        <!--<a href="count/court_on_time_count.html" th:href="@{/case_count/court_on_time_count}"><i class="fa fa-bar-chart-o"></i><span>准点率</span></a>-->
                        <a href="javascript:;" data-toggle="dropdown">
                            <i class="fa fa-bar-chart-o"></i>
                            其他统计
                            <i class="fa fa-caret-down"></i>
                        </a>

                        <ul class="dropdown-menu animated fadeInLeft" role="menu">
                            <li><a href="count/court_on_time_count.html" th:href="@{/case_count/court_on_time_count}"><span>开庭准点率</span></a></li>
                            <!--<li><a href="views/cengji.html"><span>法庭布局</span></a></li>-->
                        </ul>
                    </li>
                    <li>
                        <a href="javascript:;" data-toggle="dropdown">
                            <i class="fa fa-user"></i>
                            <span class="cmp-head-user-name" th:text="${username}">管理员</span>
                            <i class="fa fa-caret-down"></i>
                        </a>
                        <ul class="dropdown-menu animated fadeInLeft">
                            <li><a href="/CMPManage" target="_blank">后台管理</a></li>
                            <li><a th:href="@{/my/favorite}">收藏夹</a></li>
                            <li><a href="javascript:base.logout();">登出</a></li>
                        </ul>
                    </li>
                </ul>
                <!-- end header navigation right -->
            </div>
            <!-- end container-fluid -->
        </div>
        <!-- end #header -->
    </div>
    <div th:fragment="head_nav_user(index,favorite)" >
        <!-- begin #header -->
        <div class="header navbar navbar-cmp navbar-static-top">
            <!-- begin container-fluid -->
            <div class="container-fluid">
                <!-- begin mobile sidebar expand / collapse button -->
                <div class="navbar-header">
                    <a th:href="${index}" class="navbar-brand">
                        <img class="navbar-logo" th:src="@{/assets/img/v2_head_logo_01.png}"/>
                    </a>
                    <button type="button" class="navbar-toggle" data-click="sidebar-toggled">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                <ul class="nav navbar-nav navbar-right">
                    <li><a th:href="${favorite}">收藏夹</a></li>
                    <li><a href="javascript:base.logout();"><i class="fa fa-arrow-left"></i>登出</a></li>
                </ul>
                <!-- end header navigation right -->
            </div>
            <!-- end container-fluid -->
        </div>
        <!-- end #header -->
    </div>
    <div th:fragment="head_nav_other(username,index,favorite)" >
        <!-- begin #header -->
        <div class="header navbar navbar-cmp navbar-static-top">
            <!-- begin container-fluid -->
            <div class="container-fluid">
                <!-- begin mobile sidebar expand / collapse button -->
                <div class="navbar-header">
                    <a th:href="${index}" class="navbar-brand">
                        <img class="navbar-logo" th:src="@{/assets/img/v2_head_logo_01.png}"/>
                    </a>
                    <button type="button" class="navbar-toggle" data-click="sidebar-toggled">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                <ul class="nav navbar-nav navbar-right">
                    <li><a th:href="${favorite}">收藏夹</a></li>
                    <li>
                        <a href="javascript:;" data-toggle="dropdown">
                            <i class="fa fa-user"></i>
                            欢迎您，<span class="cmp-head-user-name" th:text="${username}">${username}</span>
                            <i class="fa fa-caret-down"></i>
                        </a>
                        <ul class="dropdown-menu animated fadeInLeft">
                            <li><a href="javascript:base.logout();">登出</a></li>
                        </ul>
                    </li>
                </ul>
                <!-- end header navigation right -->
            </div>
            <!-- end container-fluid -->
        </div>
        <!-- end #header -->
    </div>

    <div th:fragment="loading">
        <!--loading 加载层-->
        <div id="loading">
            <div id="loading-center">
                <div id="loading-center-absolute">
                    <div class="object" id="object_four"></div>
                    <div class="object" id="object_three"></div>
                    <div class="object" id="object_two"></div>
                    <div class="object" id="object_one"></div>
                </div>
            </div>
        </div>
    </div>

    <div th:fragment="footer_js(script)">
        <!-- ================== BEGIN BASE JS ================== -->
        <script th:src="@{/assets/plugins/jquery/jquery-1.11.0.js}"></script>
        <script th:src="@{/assets/plugins/jquery/jquery-migrate-1.1.0.min.js}"></script>
        <script th:src="@{/assets/plugins/bootstrap/js/bootstrap.min.js}"></script>
        <!--[if lt IE 9]>
        <script src="../assets/crossbrowserjs/html5shiv.js" th:src="@{/assets/crossbrowserjs/html5shiv.js}"></script>
        <script src="../assets/crossbrowserjs/respond.min.js" th:src="@{/assets/crossbrowserjs/respond.min.js}"></script>
        <script src="../assets/crossbrowserjs/excanvas.min.js" th:src="@{/assets/crossbrowserjs/excanvas.min.js}"></script>
        <![endif]-->
        <script src="" th:src="@{/assets/plugins/slimscroll/jquery.slimscroll.min.js}"></script>
        <script th:src="@{/assets/plugins/jquery-cookie/jquery.cookie.js}"></script>
        <script th:src="@{/assets/plugins/layui/layui.js}"></script>
        <script th:src="@{/assets/js/utils.js}"></script>
        <script th:src="@{/assets/js/base.js}"></script>
        <!-- ================== END BASE JS ================== -->
        <!-- ================== BEGIN PAGE LEVEL JS ================== -->
        <script th:src="@{/assets/js/apps.js}"></script>
        <!--/* Per-page placeholder for additional links */-->
        <th:block th:replace="${script}" />
    </div>
</body>
</html>